<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>西门子洗碗机</title>
    <style>
        *{margin: 0;padding: 0;}
        .box1{
            height: 330px;
            width: 250px;
            border: 1px solid rgb(210, 210, 210);
            margin-left: 155px;
            padding: 10px;
        }
        .box2{
            height: 330px;
            width: 250px;
            border: 1px solid rgb(210, 210, 210);
            margin-left: 155px;
            padding: 10px;
        }
        .box1 h3{
            font-size: 14px;
            color: rgb(102, 102, 102);
            padding-top: 8px;
            overflow: hidden;
        }
        p{
            color: #666;
            line-height: 20px;
            margin: 1px 0;
        }
        .s1{
            font-size: 14px;
            padding-top: 10px;
        }
        .s1 span{
            color: rgb(255, 65, 184);
            font-weight: bold;
        }
        .s2{
            font-size: 14px;
            padding-top: 6px;
        }
        .s3{
            font-size: 14px;
            padding-top: 10px;
        }
        .s3 span{
            padding-right: 18px;
            color: rgb(255, 51, 0);
        }
    </style>
</head>
<body>
    <div class="box1">
        <img src="../../img/作业1/pic1.jpg" height: 280px width: 375px alt="">
        <h3>动画便利店X果壳网《西门子洗碗机》...</h3>
        <p class="s1"><span>原创作品</span>- 影视 - Motion Graphic</p>
        <p class="s2">3小时前上传</p>
        <p class="s3"><span>1284</span>人气/<span>11</span>评论 / <span>47</span>推荐</p>
        <img class="s4" src="../../img/作业1/play.png">
    </div>
    <div class="box2">
        <img src="" alt="">
        <h3>动画便利店X果壳网《西门子洗碗机》...</h3>
        <p class="s1"><span>原创作品</span>- 影视 - Motion Graphic</p>
        <p class="s2">3小时前上传</p>
        <p class="s3"><span>1284</span>人气/<span>11</span>评论 / <span>47</span>推荐</p>
    </div>
</body>
</html>